$(function() {
    $("#login-id").each(function() {
        $("#login-id").focus(function() {
            $(this).parent().prev('.txt-item').addClass("focus");
        });
        $("#login-id").blur(function() {
            $(this).parent().prev('.txt-item').removeClass("focus");
        });
    })
    $("#login-pass").each(function() {
        $(this).focus(function() {
            $(this).parent().prev('.txt-item').addClass("focus");
        });
        $(this).blur(function() {
            $(this).parent().prev('.txt-item').removeClass("focus");
        });
    })
    $('.js-input-box').each(function() {
        var $this = $(this);
        $(this).find('input').focus(function() {
            $this.addClass("focus");
        });
        $(this).find('input').blur(function() {
            $this.removeClass("focus");
        });
    });

    var radioTableCount = 0;

    $('.input-radio-table').each(function() {
        var name = $(this).find('input').attr('name');
        $(this).find('input').attr('id', name + '_' + radioTableCount);
        $(this).find('label').attr('for', name + '_' + radioTableCount);
        $(this).find('input').parents('label').removeAttr('for');
        radioTableCount++;
    })
    $('.js-input-checkbox').each(function() {
        var group = $(this).attr('name');
        if ($(this).attr('checked') == 'checked') {
            $(this).parents('.input').addClass('checked');
        }
        $(this).on('click', function() {
            if ($(this).prop("checked")) {
                $('.js-input-checkbox[name="' + group + '"]').parents('.input').removeClass('checked');
                $(this).parents('.input').addClass('checked');
            }
        });
    })

});